/* 自定义样式 */

h1,h2,h3,h4,h5,h6,p{margin: 0;padding: 0;}
.clear{clear: both;}

.wrapper{background: #f8f8f8;}

/*****内容区1200像素******/
@media (min-width: 768px) {
    .container {
        width:750px
    }
}
@media (min-width: 992px) {
    .container {
        width:970px
    }
}
@media (min-width: 1200px) {
    .container {
        width:1200px
    }
}









.gywm{background: #fff url(../images/gy-bg.jpg)no-repeat center bottom;;padding: 80px 0 60px;}

.gywm-nr{width: 55%;float: left;}
.gywm-nr h3 {font-size: 30px; line-height: 1.3; font-weight: bold; font-family: "黑体"; letter-spacing: -2px;color: #333;}
.gywm-nr .gy-txt{margin-top: 50px;}
.gywm-nr .gy-txt p {font-size: 16px;line-height: 1.8;color: #555;font-family: "黑体";}
.gywm-nr a { display: inline-block; font-size: 15px;  line-height: 1; margin-top: 40px; color: #029cda;font-family: "黑体";}
.gywm-nr a:hover{color:#005096;}

.gywm-img {float: right;width: 45%; padding-left: 20px;border: 4px solid #fff;border-radius: 5px;overflow: hidden;}
.gywm-img img{width: 100%;}

@media (min-width: 992px) and (max-width: 1200px){
  
  /* .gywm-nr{width: 60%;}
  .gywm-img{width: 40%;} */
  .gywm-nr h3{font-size: 25px;}
  
  .gywm-nr .gy-txt {margin-top: 40px;}
  .gywm-nr .gy-txt p{font-size: 14px;}
  
}

@media (max-width: 992px) {

  .gywm{padding: 60px 0 40px;}
  .gywm-nr { width: 100%;float: none;}
  .gywm-img {float: none; width: 60%; padding-left: 0;margin-top: 20px;}
  
}

@media (max-width: 767px){

  .gywm-nr {padding: 0 15px;}
  .gywm-nr h3{font-size: 22px;}
  .gywm { padding: 30px 0;}
  .gywm-nr .gy-txt {margin-top: 20px;}
  .gywm-nr .gy-txt p{font-size: 14px;}
  .gywm-img { float: none;width: 100%; margin-top: 20px;padding: 0 15px;}

}




.cpzs{padding: 80px 0;}

.cp-bt{text-align: center;margin-bottom: 30px;}
.cp-bt h3 {font-family: "黑体";font-size: 32px;font-weight: bold;line-height: 1;letter-spacing: 2px;}
.cp-bt hr {border-top: 2px solid #005096; margin: 10px  auto; width: 4%;}
.cp-bt p { font-size: 15px; line-height: 1; color: #888;font-family: "黑体";}

.cp-cont{}
.cp-cont ul{}
.cp-cont ul li{float: left;width: 25%;padding: 0 8px;margin-bottom: 20px;}
.cp-cont ul li a{display: block; border:1px solid #ccc;background: #fff;padding: 5px;position: relative;transition: all .6s;top: 0;}
.cp-cont ul li a .cp-img {height: 210px; overflow: hidden; display: flex; flex-wrap: wrap;align-content: center;}
.cp-cont ul li a .cp-img img{width: 100%;min-height: 100%;transition:all .6s;}
.cp-cont ul li a p { font-size: 16px;padding: 10px 5px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 5px;background: #f5f5f5;font-family: "黑体";}
.cp-cont ul li a:hover p{color: #fff;background: #005096;}
.cp-cont ul li a:hover{border: 1px solid #005096;box-shadow: 1px 1px 5px #c8c8c8;top: -5px;}
.cp-cont ul li a:hover .cp-img img{transform: scale(1.1);}

.cp-btn{margin-top: 50px;text-align: center;}
.cp-btn a { display: inline-block; font-size: 17px;line-height: 1; border: 1px solid #bbb;  padding: 15px 70px; color: #666;border-radius: 40px;transition: all .6s;font-family: "黑体";}
.cp-btn a:hover{background: #005096;border-color:#005096;color: #fff;}


@media (min-width: 992px) and (max-width: 1200px){
  
  .cp-cont ul li a .cp-img{height: 180px;}
  
}

@media (max-width: 992px) {

  .cpzs { padding: 50px 0;}
  .cp-cont ul li {  padding: 0 5px; margin-bottom: 10px;}
  .cp-cont ul li a .cp-img{height: 150px;}
  .cp-cont ul li a p{font-size: 14px;padding: 6px 5px;}
  .cp-btn{margin-top: 20px;}
  .cp-btn a{font-size: 15px;padding: 12px 50px;}
  
}

@media (max-width: 767px){

  .cp-cont {padding: 0 10px;}
  .cp-cont ul li{width: 50%;}
  

}




.anli{background: url(../images/bg3.jpg)no-repeat center;padding: 80px 0;color: #fff;}

.anli-nr{float: left;width: 45%;}
.anli-nr h3 { font-size: 34px; line-height: 1;letter-spacing: 2px;margin-bottom: 40px;font-family: "黑体";}
.anli-nr p {font-size: 15px; line-height: 2;font-family: "黑体";}
.anli-nr a { display: inline-block;font-size: 16px; line-height: 1; margin-top: 50px;border: 1px solid #fff; padding: 14px 70px;border-radius: 50px;font-family: "黑体";}
.anli-nr a:hover{background: #fff;color: #005096;font-weight: bold;}
.lxwm-box{float: right;width: 45%;}
.lxwm-box h4 {font-size: 28px; line-height: 1;margin-bottom: 35px;letter-spacing: 2px;font-weight: normal;font-family: "黑体";}
.lxwm-box p { font-size: 15px;line-height: 1.4;margin-bottom: 5px;font-family: "黑体";}
.lxwm-box p span {display: inline-block; width: 75px;text-align: justify;text-align-last: justify;font-family: "黑体";}
.lxwm-box a{display: inline-block;font-size: 16px; line-height: 1; margin-top: 25px;border: 1px solid #fff; padding: 14px 70px;border-radius: 50px;font-family: "黑体";}


@media (min-width: 992px) and (max-width: 1200px){
  
}

@media (max-width: 992px) {

  .anli-nr h3{font-size: 26px;letter-spacing: 1px;}
  .lxwm-box h4{font-size: 24px;letter-spacing: 0;}

  
  
}

@media (max-width: 767px){

  .anli {background: none;padding: 0;color: #fff;}
  .anli-nr{background: url(../images/bg1.jpg)no-repeat center right;float: none;width: 100%;padding: 30px 15px;}
  .lxwm-box{background: url(../images/bg2.jpg)no-repeat center left;float: none;width: 100%;padding: 30px 15px;}

}





/* 底部 */
.f_one{background: #363636;padding: 15px 0;}

.f_one p{float: left;font-size: 14px;line-height: 1;color: #eee;font-family: "黑体";}
.f_one p span{}
.f_one p span a:hover{color: #0c70c6;}

.f_img{float: right;margin-top: 8px;}
.f_img img{}



.footer{display: none;}
@media (max-width: 768px){
/*手机底部菜单*/
.footers { display:none}
.footer {background: #21272f;display: -webkit-box;width: 100%;margin-top: 6px;background-size: 9px 128px;position: fixed;z-index: 110;bottom: 0;left: 0; display:block; line-height:45px;}
.footer a {-webkit-box-flex: 1;display: -webkit-box;color: #fff; display:inline-block; width:32%;font: 100 16px/35px "微软雅黑";height: 35px; line-height:35px; text-align:center;}
.footer a i { padding-right:5px;}
.hr { height:45px;}
}



/* 内页 */
.page-body {margin: 30px auto 50px;}
.left_menu{float: left;width: 20%;margin-right: 3%;padding: 0;}
.page-body .col-md-9{float: left;width: 77%;padding: 0;}


.crumbs-item {overflow: hidden; background: #f6f6f6;border-bottom: 1px solid #ddd; padding-top: 0; font-size: 14px;line-height: 1; color: #666;  padding-left: 8px; padding-bottom: 10px; margin-bottom: 0;}
.crumbs-item h5 {font-size: 14px; color: #666;}
.crumbs-item h5 a{}
.crumbs-item h5 a:hover{color: #850001;}



/* 内页左侧样式 */
.page-tit{background: url(../images/tit-bg.jpg)no-repeat center;background-size: 100% auto;text-align:center;padding: 25px 0;}
.page-tit h3 {color: #fff; font-size: 26px;line-height: 1;margin-bottom: 20px;}
.page-tit hr {border-top: 2px solid #eee;width: 20%;margin: 0 auto;}

.page-l-clist ul {padding: 0;}
.page-l-clist li {height: 50px;line-height: 50px;text-align: center;font-size: 16px;border: none;margin-top: 5px;}
.page-l-clist li a{display: block;background: #0264ba;color: #fff;}
.page-l-clist li a:hover {display: inline-block;width: 100%;height: 50px;color: #fff;background: #005096;}
.page-l-clist li .layer2{left: 100%;}
.page-l-clist li .layer2 li{margin: 0;}
.page-l-clist li .layer2 li a{border-bottom: 1px dashed #ddd;}

.sec-tit { border-bottom: 1px solid #333;height: 40px;line-height: 40px;}
.sec-tit h2{float: none;display: inline-block;border-bottom: 3px solid #005096;height: 40px;line-height: 40px;font-size: 20px;font-weight: bold;}
#innercolor{color: #005096;}
.sec-marquee-c ul {overflow: hidden;padding: 2% 0;}



/* 内页新闻列表 */
.page-alist .page-adate{color: #ffffff;background: #005096;}
.page-alist .page-adate{width: 70px;height: 66px;}
.page-alist .page-adate h3{font-size: 27px;font-weight: normal;line-height: 1;}
.page-alist .page-adate p {margin-bottom: 0;font-size: 14px;line-height: 1;margin-top: 7px;}

.media-heading {margin-top: 2px;margin-bottom: 5px;font-size: 20px;line-height: 1;letter-spacing: 1px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #000;font-weight: normal;}
.page-alist .page-atit p {color: #888;font-size: 14px;line-height: 1.3;}

.page-alist .page-atit a:hover .media-heading{color: #005096;}
.page-alist li { padding-top: 0;padding-bottom: 15px;margin-bottom: 15px;}




/* 图片列表 */
.page-alist {overflow: hidden;}
.page-alist .col-md-4 {padding: 0 10px;margin-bottom: 20px;}
.page-alist .col-md-4 a{display: block;padding: 8px;border: 1px solid #ddd;background: #fff;position:relative;top:0;transition:all .6s;}
.page-alist .col-md-4 a:hover{border-color: #005096;top:-5px;box-shadow: 1px 1px 5px #bbb;}
.page-alist .col-md-4 a h5 {  height: auto; line-height: 1; overflow: hidden;font-size: 16px;text-align: center;padding: 10px 0;float: none;}
.page-alist .col-md-4 a:hover h5{color: #333;}

.page-alist .col-md-3{margin-bottom: 10px;}
.page-alist .col-md-3 a{display: block}
.page-alist .col-md-3 a h5 {  font-size: 16px;  line-height: 1;  padding: 10px 0; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}


.img-inner{width: 300px;padding: 0;border: none;overflow: hidden;}
.img-inner:hover{border: none;}

.page-alist .page-atit a:hover, .page-alist .col-md-4 h5:hover { color: #333333;}

.page-alist .col-md-3 a .img-inner{border: 1px solid #ddd;background: #fff;}

/* 手机端产品分类 */
.pro-nav{display:none;margin-top: 20px;}
.pro-nav ul{overflow: hidden;}
.pro-nav ul li{float: left;width: 50%;margin-bottom: 10px;padding: 0 5px;}
.pro-nav ul li a { display: block;border: 1px solid #bbb;text-align: center; font-size: 15px; line-height: 1; padding: 10px 0;}
.pro-nav ul li a:hover{background: #005096;color: #fff;}


/* 分页 */
.wp-pagenavi{text-align: center;}
.pagination>li>a, .pagination>li>span{color: #007539;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #007539;
    border-color: #007539;
}

/* 详情页 */
.page-con-tit h1 {font-size: 24px;font-weight: normal;letter-spacing: 1px;margin-bottom: 10px;}

.page-detail {padding: 10px 15px;}




.page-content {  background: #fff; padding: 40px; border-radius: 5px;}
.page-content { font-size: 16px;line-height: 1.8;}


@media (min-width: 992px) and (max-width: 1200px){
  
  
  .img-inner {height: 150px;}
  
  .page-alist .col-md-4 a h5{font-size: 15px;padding: 6px 0;}
  
  
}
@media (max-width: 992px){
 
  .wrapper{background: #fff;}
  
  .crumbs-item{background: none;}
  
  .page-tit{padding: 20px 0;}
  .page-tit h3{font-size: 24px;margin-bottom: 15px;}
  
  .page-l-clist li{font-size: 13px;height: 45px;line-height: 45px;}
  .page-l-clist li a:hover{height: 45px;}
  
  
  .page-alist .col-md-4 a{padding: 5px;}
  .page-alist .col-md-4 { padding: 0 5px; margin-bottom: 10px; float: left;width: 33.3333%;}
  .page-alist .col-md-4 a h5{font-size: 14px;padding: 7px 0;}
  .img-inner {height: 120px;}
  
  
  .media-heading{font-size: 18px;letter-spacing: 0;}
  .media-heading .fr{display: none;}
  .page-alist .page-atit p{height: 36px;overflow: hidden;}
  
  
  .page-con-tit h1{font-size: 22px;}
  
  .page-content {background: #fff;padding: 20px 0;border-radius: 5px;}
  .page-content p{font-size: 14px;margin-bottom: 5px;}
 
  

}
@media (max-width: 767px){
 
  .crumbs-item{padding: 12px;}
  
  .page-body {margin: 0 auto 50px;}
  
  .page-body .col-md-9 {float: none;width: 100%;padding: 0 10px;}
  
  .page-alist .col-md-4{width: 50%;}
  
  
  .page-content {padding: 20px 15px 0;}
  .page-content { font-size: 14px;line-height: 1.8;}
  .page-con-tit h1 {font-size: 18px;letter-spacing: 0;line-height: 1.3;}
  .page-detail {padding: 10px 0;}

  .pro-nav{display:block;}
  
  
}